<template>
	<div class="container">
		<div class="x-mt-s">
			<a-row>
				<a-col :md="24" :lg="18">
					<div class="x-m-s x-bg-white">
						<a-row>
							<a-col :xs="6" :md="3" v-for="item in 8">
								<div class="x-col x-align-center x-p-m x-m-s">
									<img src="../../static/img/QQ20210203.png" class="x-wh-s" alt="" />
									<a href="#" class="x-black x-h5 x-bold x-mt-s">房产</a>
									<a href="#" class="x-black9 x-h6">房产/租房</a>
								</div>
							</a-col>
						</a-row>
					</div>
				</a-col>
				<a-col :md="24" :lg="6">
					<div class="x-m-s"><xCard></xCard></div>
				</a-col>
			</a-row>
			<a-row>
				<a-col :xs="24" :md="6" v-for="item in 10">
					<a-space><xCCard></xCCard></a-space>
				</a-col>
			</a-row>
		</div>
	</div>
</template>

<script>
import pageHead from '@/components/pageHead';
import pageFooter from '@/components/pageFooter';
import test from '@/components/test.vue';
import xCard from '@/components/x-card.vue';
import xCCard from '@/components/x-classify-card.vue';
export default {
	name: 'index',
	components: {
		pageHead,
		pageFooter,
		test,
		xCard,
		xCCard
	},
	props: {
		listData: {
			type: Object,
			default: function() {
				return {};
			}
		}
	},
	data() {
		return {};
	},
	created() {},
	mounted() {},
	methods: {},
	beforeDestroy() {}
};
</script>

<style scoped></style>
